<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>base-admin</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <script src="js/include.js"></script>
  <link rel="stylesheet" href="/layuiAdmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/layuiAdmin/style/admin.css" media="all">
  
  <script>
  /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
  </script>

</head>
<body class="layui-layout-body">
  <div id="LAY_app">
    <div class="layui-layout layui-layout-admin" id="app">
      <div class="layui-header">
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-left">
          <li class="layui-nav-item layadmin-flexible" lay-unselect>
            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
              <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
            </a>
          </li>
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" layadmin-event="refresh" title="刷新">
              <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
          </li>
        </ul>
        <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
          <!-- 配色 -->
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="theme">
              <i class="layui-icon layui-icon-theme"></i>
            </a>
          </li>
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="note">
              <i class="layui-icon layui-icon-note"></i>
            </a>
          </li>
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="fullscreen">
              <i class="layui-icon layui-icon-screen-full"></i>
            </a>
          </li>
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;">

              <template v-if="userInfo.profilePictureUrl === null || userInfo.profilePictureUrl === '' ">
                <img :src="'http://base-admin.oss-cn-beijing.aliyuncs.com/profilePicture/default'+userInfo.gender+'.jpg'" style="width: 40px; height: 40px">
              </template>
              <template v-else>
                <img :src="userInfo.profilePictureUrl" style="width: 40px; height: 40px">
              </template>
            </a>
            <dl class="layui-nav-child">
              <dd><a lay-href="/views/system/myInfo.html">基本资料</a></dd>
              <dd><a lay-href="/views/system/modifyPassword.html">修改密码</a></dd>
              <dd><a href="javascript:;" onclick="refreshMyMenu()">刷新权限</a></dd>
              <hr>
              <dd style="text-align: center;"><a href="javascript:;" onclick="loginOut()">退出</a></dd>
            </dl>
          </li>
        </ul>
      </div>
      
      <!-- 侧边菜单 -->
      <div class="layui-side layui-side-menu">
        <div class="layui-side-scroll">
          <div class="layui-logo">
            <span>BaseAdmin</span>
          </div>
          
          <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
            <template v-for="item in menus">

              <li :data-name="'name_'+item.id" class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;" :lay-tips="item.name" lay-direction="2">
                  <i :class="item.icon"></i>&nbsp;&nbsp;
                  <cite>{{item.name}}</cite>
                </a>

                <dl class="layui-nav-child">
                  <template v-for="ch in item.children">
                    <dd data-name="'name_'+ch.id">
                      <a :lay-href="VIEW_PATH_PREFIX + ch.path + '.html'">
                        <i :class="ch.icon"></i>&nbsp;&nbsp;
                        <cite>{{ch.name}}</cite>
                      </a>
                    </dd>
                  </template>
                </dl>

              </li>
            </template>
          </ul>

        </div>
      </div>

      <!-- 页面标签 -->
      <div class="layadmin-pagetabs" id="LAY_app_tabs">
        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-down">
          <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
            <li class="layui-nav-item" lay-unselect>
              <a href="javascript:;"></a>
              <dl class="layui-nav-child layui-anim-fadein">
                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
              </dl>
            </li>
          </ul>
        </div>
        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
          <ul class="layui-tab-title" id="LAY_app_tabsheader">
            <li lay-id="/views/system/home.html" lay-attr="/views/system/home.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
          </ul>
        </div>
      </div>
      
      
      <!-- 主体内容 -->
      <div class="layui-body" id="LAY_app_body">
        <div class="layadmin-tabsbody-item layui-show">
          <iframe src="/views/system/home.html" frameborder="0" class="layadmin-iframe"></iframe>
        </div>
      </div>
      
      <!-- 辅助元素，一般用于移动设备下遮罩 -->
      <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
  </div>

  <script src="/layuiAdmin/layui/layui.js"></script>
  <script>
  layui.config({
    base: 'layuiAdmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use('index');
  </script>

  <script>
      let GLOBAL_MENUS = [];
      function checkPermissionByName(name){
          for (let i = 0; i < GLOBAL_MENUS.length; i++) {
              if (GLOBAL_MENUS[i].name === name) {
                  return true;
              }
          }
          return false;
      }
      let vm = new Vue({
          el: '#app',
          data: {
              VIEW_PATH_PREFIX: VIEW_PATH_PREFIX,
              menus: [],
              userInfo: {}
          },
          methods: {},
          created: function () {
              myAjax({
                  type: "get",
                  url: BASE_PATH + "/sys/myMenuTree",
                  callback: function (data) {
                      vm.menus = data;
                  }
              });
              myAjax({
                  type: "get",
                  url: BASE_PATH + "/sys/myInfo",
                  callback: function (data) {
                      vm.userInfo = data;
                  }
              });
              myAjax({
                  type: "get",
                  url: BASE_PATH + "/sys/myMenu",
                  callback: function (data) {
                      GLOBAL_MENUS = data;
                  }
              });
          },
          mounted: function () {

          },
          watch: {		//监听

          }
      });

      function refreshMyMenu() {
          myAjax({
              type: "get",
              url: BASE_PATH + "/sys/refreshMyMenu",
              callback: function (data) {
                  GLOBAL_MENUS = data;
                  successMessage("刷新成功");
              }
          });
      }

      function loginOut() {
          myConfirm("确定退出登录？", function () {
              showLoading("提交中....");
              myAjax({
                  type: "get",
                  url: BASE_PATH + "/auth/loginOut",
                  callback: function () {
                      hideLoading();
                      delCookieUserInfo();
                      window.location.replace(BASE_PATH + "/login.html");
                  }
              });
          });
      }
  </script>
</body>
</html>


